.Introduce {
  .top {
    display: none;
  }

  .module {
    .con {
      img {
        max-width: 100%;
      }
    }
  }

  .module-2 {
    .con {
      img {
        max-width: 100%;
      }
    }
  }

  .module-4 {
    .con {
      display: grid;
      grid-template-columns: repeat(6, 210px);

      .item {
        height: 360px;
        position: relative;
        overflow: hidden;

        img {
          height: 100%;
        }

        .text {
          position: absolute;
          top: -100%;
          background: linear-gradient(0deg, rgba(202, 42, 2, 0.5), #ca2a02);
          padding: 0 20px;
          color: #fff;
          width: 100%;
          height: 100%;
          transition: 0.3s;
        }

        &:hover {
          .text {
            top: 0;
          }
        }
      }
    }
  }

  .module-5 {
    .con {
      display: grid;
      grid-template-columns: repeat(6, 188px);
      column-gap: 26px;
      row-gap: 20px;

      .item {
        height: 90px;
        border: 1px solid #eaebec;
        cursor: pointer;
        
        img {
          max-height: 100%;
        }
      }
    }
  }

  &.modile {
    .g-con {
      width: auto;
    }

    .mt-9,
    .mt-10 {
      margin-top: 20px;
    }

    .banner-swiper {
      height: 180px;

      .swiper-slide {
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }

    .top {
      display: block;
      background: #252628;
      color: #fff;
      padding: 12px 20px;
      font-weight: bold;
    }

    .module {
      padding: 0 10px;
    }

    .module-2 {
      padding: 0 10px;
    }

    .module-3 {
      padding: 0 10px;
    }

    .module-4 {
      padding: 0 10px;

      .con {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

        .item {
          height: auto;

          img {
            width: 100%;
          }
        }
      }
    }

    .module-5 {
      padding: 0 10px;

      .con {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 10px;
        row-gap: 10px;

        .item {
          height: 60px;
          border: 1px solid #eaebec;

          img {
            max-width: 100%;
            max-height: 100%;
          }
        }
      }
    }
  }
}